<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1, user-scalable=no">
    <title>企业详情</title>
    <link href="fonts/iconfont.css" rel="stylesheet"/>
    <link href="css/bass.css" rel="stylesheet"/>
    <link href="css/index.css" rel="stylesheet"/>
</head>
<body>
    <div>
		<header>
			<div class="header">
				<h1>企业档案</h1>
				<a href="index.html" class="return"><i class="icon-16"></i></a>
			</div>
		</header>	
		<div style="height: 2.5rem;"></div>
	</div>
	<!-- 企业详情 firmDetails -->
	<div class="firmDetails">
		<div class="firmD-head">
			<img src="images/user-img0.png">
			<div class="fD-text">
				<h1>郭小帅采销集团</h1>	
				<div class="fD-association">
					<em class="arrow-left"></em>
					<span>90后创业社</span>
				</div>
			</div>
		</div>
		<div class="firmD-tab">
			<!-- tab nav -->
			<ul id="tab_btn" class="tab-list">
                <li class="pick">基本信息</li>
                <li><span class="bar"></span>联系人</li>
                <li><span class="bar"></span>热销产品</li>
                <li><span class="bar"></span>采购资料</li>
                <li><span class="bar"></span>销售资料</li>
            </ul>
            <!-- tab nav end-->
            <ul>
                <li class="tab_content show">
                	<div class="firmD-menu">
						<ul class="vconlist">
							<li class="firmD-img"><img src="images/nyfw.png"></li>
							<li>
								<label>企业名称</label>
								<div class="vcon-content">郭小帅采销集团</div>
							</li>
							<li>
								<label>成立日期</label>
								<div class="vcon-content">2016年06月15日</div>
							</li>
							<li>
								<label>注册资本</label>
								<div class="vcon-content">1000万</div>
							</li>
							<li>
								<label>行业</label>
								<div class="vcon-content">农业服务</div>
							</li>
							<li>
								<label>规模</label>
								<div class="vcon-content">1000人</div>
							</li>
							<li>
								<label>企业地址</label>
								<div class="vcon-content">广东省广州市番禺区市桥银平路</div>
							</li>
							<li>
								<label>联系电话</label>
								<div class="vcon-content">(020)-16816816</div>
							</li>
							<li>
								<label>传真</label>
								<div class="vcon-content">(020)-16816816</div>
							</li>
							<li>
								<label>邮箱</label>
								<div class="vcon-content">g1079832313@163.com</div>
							</li>
							<li>
								<label>网站地址</label>
								<div class="vcon-content"><a href="http://">http://www.guoxiaoshuai.com</a></div>
							</li>
							<li>
								<label>经营范围</label>
								<div class="vcon-content vcon-contentTwo">农场管理，农作物管理服务</div>
							</li>
							<li>
								郭小帅成立成立，红红红火火火的。
							</li>
							<div class="cl"></div>
						</ul>
					</div>
                </li>
                <li class="tab_content">
                	<div class="firmD-menu">
			            <ul class="vconlist">
				            <li class="firmD-img">
				                <img src="images/qy.png">
				            </li>
				            <li>
				                <label>联系人</label>
				                <div class="vcon-content"><a href="">郭小帅</a></div>
				            </li>
				            <li>
				                <label>性别</label>
				                <div class="vcon-content">男</div>
				            </li>
				            <li>
				                <label>电话</label>
				                <div class="vcon-content">13112224413</div>
				            </li>
				            <li>
				                <label>邮箱</label>
				                <div class="vcon-content">g1079832313@163.com</div>
				            </li>
				            <li>
				                <label>政治面貌</label>
				                <div class="vcon-content">中共党员</div>
				            </li>
			              	<div class="cl"></div>
			            </ul>
			        </div>
                </li>
                <li class="tab_content">
                	<ul class="product-list">
                		<li class="product-item">
                			<a href="itemdetails.html">
                				<div alt="小西北 特级开心果" class="product-item-pic">
                					<img src="images/gy1.jpg">
                				</div>
                				<p class="product-item-title">小西北 特级开心果</p>
                			</a>
                		</li>
                		<li class="product-item">
                			<a href="#">
                				<div alt="达利园法式小面包香奶味400g" class="product-item-pic">
                					<img src="images/dly.jpg">
                				</div>
                				<p class="product-item-title">达利园法式小面包香奶味400g</p>
                			</a>
                		</li>
                		<li class="product-item">
                			<a href="#">
                				<div alt="达利园法式小面包香奶味400g" class="product-item-pic">
                					<img src="images/dly.jpg">
                				</div>
                				<p class="product-item-title">达利园法式小面包香奶味400g</p>
                			</a>
                		</li>
                		<li class="product-item">
                			<a href="#">
                				<div alt="达利园法式小面包香奶味400g" class="product-item-pic">
                					<img src="images/dly.jpg">
                				</div>
                				<p class="product-item-title">达利园法式小面包香奶味400g</p>
                			</a>
                		</li>
                		<li class="product-item">
                			<a href="#">
                				<div alt="达利园法式小面包香奶味400g" class="product-item-pic">
                					<img src="images/dly.jpg">
                				</div>
                				<p class="product-item-title">达利园法式小面包香奶味400g</p>
                			</a>
                		</li>
                		<li class="product-item">
                			<a href="#">
                				<div alt="达利园法式小面包香奶味400g" class="product-item-pic">
                					<img src="images/dly.jpg">
                				</div>
                				<p class="product-item-title">达利园法式小面包香奶味400g</p>
                			</a>
                		</li>
                	</ul>
                </li>
                <li class="tab_content">
                	<div class="F-file">
                		<p>本公司长期采购矿泉水</p>
                	</div>
                </li>
                <li class="tab_content">
                	<div class="F-file">
                		<p>本公司销售的品类为日常用品，农产品等</p>
                	</div>
                </li>
            </ul>
		</div>
	</div>
    <script type="text/javascript">
	    //TAB切换
	    var tab_Btns_box=document.getElementById('tab_btn');
	    var tab_Btns=tab_Btns_box.getElementsByTagName('li');
	    var tab_contents=document.getElementsByClassName('tab_content');
	    for(var i=0;i<tab_Btns.length;i++){
	    tab_Btns[i].index=i;

	    tab_Btns[i].onclick=function(){
	     for(var i=0;i<tab_Btns.length;i++){
	     if(i!==this.index){
	     tab_Btns[i].classList.remove('pick')
	     }
	     }
	     tab_Btns[this.index].className="pick";

	     for(var j=0;j<tab_contents.length;j++){
	     if(j!==this.index){
	         tab_contents[j].classList.remove('show');
	     }
	         tab_contents[this.index].classList.add('show');
	     }
	    }
	    }
    </script>
</body>
</html>